<template>

  <el-form
    ref="dataForm"
    :rules="rules"
    :model="roadFacility"
    label-position="left"
    label-width="150px"
    style="width: 720px; margin-left:50px;"
  >
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="检测井数量:">
          <span>{{ roadFacility.inspectionWellsNumber }}</span>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="雨水口数量:">
          <span>{{ roadFacility.rainwaterOutletNumber }}</span>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="路名牌数量:">
          <span>{{ roadFacility.streetSignNumber }}</span>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="树池面积:">
          <span>{{ roadFacility.treePondArea }}m²</span>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="其他:">
          <span>{{ roadFacility.other }}</span>
        </el-form-item>
      </el-col>

    </el-row>
  </el-form>

</template>

<script>
export default {
  name: 'RoadFacility1',
  props: { roadFacility: {
    type: Object,
    default() {
      return { }
    }
  }},
  data() {
    return {

    }
  }
}
</script>
